@extends('base')
@section('content')

<div class="banner">
    <div id="imageShow">
        <ul class="imagebg" id="imagebg">
            <li data-sPic="images/20150509094617.jpg">
                <a href="#" title="" target=_blank class="bannerbg_main" style="background: url(images/20150509094629.jpg) no-repeat top center;width:100%;height:735px;"></a>
            </li>
            <li data-sPic="images/20150509094642.jpg">
                <a href="#" title="" target=_blank class="bannerbg_main" style="background: url(images/20150509094648.jpg) no-repeat top center;width:100%;height:735px;"></a>
            </li>
            <li data-sPic="images/20150509094557.jpg">
                <a href="#" title="" target=_blank class="bannerbg_main" style="background: url(images/20150509094603.jpg) no-repeat top center;width:100%;height:735px;"></a>
            </li>
        </ul>
        <div class="scrollbg">
            <div class="scroll">
                <a id="left_img_btn" class="s_pre" href="javascript:void(0)"></a>
                <div class="current" id="current"></div>
                <div class="outScroll_pic">
                    <ul class="scroll_pic cls" id="small_pic">
                    </ul>
                </div>
                <a id="right_img_btn" class="s_next" href="javascript:void(0)"></a>
            </div>
        </div>
    </div>
</div>
<!---banner 结束------------>
<div class="conter">
    <div class="hd">
        <strong>教学课堂</strong>
        <div class="bor-bton"></div>
    </div>
    <div class="blk">
        @foreach($study_list as $key=>$item)
        <div class="ctablk @if(0==$key) first @endif">
            <?php $model=json_decode($item->content)?>
            <div class="wr">
                <div class="container trans">
                    <a href="#">
                        <div class="bg_color">
                            <div class="georgia-title">
                                <h3>{{$model->kind}}</h3>
                                <i class="sprite-h gtitle-deco"></i>
                            </div>
                            <div class="cta">
                                <div><span class="label_1">了解详细</span></div>
                            </div>
                        </div>
                        <div class="visu"> <span class="checkerboard"></span>
                            <img style="width:100%; height:100%;" src="{{asset('/img/course-'.$model->pic.'/330-380')}}" />
                        </div>
                    </a>
                </div>
            </div>
        </div>
        @endforeach
    </div>
</div>
<div style="background:#fefafc;">
    <div class="conter" style="overflow: hidden;">
        <div class="hd">
            <strong>新娘妆</strong>
            <div class="bor-bton"></div>
        </div>
        <ul class="con_img">
            @foreach($pro_list as $key=>$item)
            <li>
                <?php $model=json_decode($item->content)?>
                <a href="#">
                    <img src="{{asset('img/pro-'.$model->pic.'/262-393')}}" />
                    <p>新娘妆</p>
                </a>
            </li>
            @endforeach
        </ul>
    </div>
</div>
<div class="conter" style="overflow: hidden;">
    <div class="hd">
        <strong>半永久妆</strong>
        <div class="bor-bton"></div>
    </div>
    <ul class="con_img">
        @foreach($pro_lists as $key=>$item)
        <li>
            <?php $model= json_decode($item->content)?>
            <a href="#">
                <img src="{{asset('img/pro-'.$model->pic.'/262-393')}}" />
                <p>半永久</p>
            </a>
        </li>
        @endforeach
    </ul>
</div>
<div class="porBOx" style="padding-bottom:70px">
    <div class="conter">
        <div class="hd">
            <strong>团队创始人</strong>
            <div class="bor-bton bor-bton_1"></div>
        </div>
        <a href="#"><img src="images/team_1.jpg" style="float: left;" /></a>
        <a href="#"><img src="images/team_2.jpg" style="float: left;margin-left: 10px;" /></a>
        <div class="consultant" style="width: 440px; float: left; margin-left: 10px; ">
            <div class="consultant_img"><img src="images/zongjian.png" /></div>
            <div class="consultant_con"><b>艺术导师</b>
                <p>著名编导、资深媒体策划人，国家一级导演，曾多次担任中国国内以及国际大型美丽赛事总评判长、总策划、总导演，中国美丽经济产业促进会秘书长</p><span>--晓辉先生</span>
            </div>
        </div>
    </div>
</div>
<!--<div class="mainBox">
    <div class="porBOx">
        <div id="phoneCarousel">
            <div class="hd">
                <strong>团队创始人</strong>
                <div class="bor-bton bor-bton_1"></div>
            </div>
            <div id="box">
                <pre class="prev">prev</pre>
                <pre class="next">next</pre>
                <ul>
                    <li><img src="images/team_1.jpg" /></li>
                    <li><img src="images/team_2.jpg" /></li>
                    <li><img src="images/team_1.jpg" /></li>
                    <li><img src="images/team_2.jpg" /></li>
                    <li><img src="images/team_1.jpg" /></li>
                    <li><img src="images/team_2.jpg" /></li>
                </ul>
            </div>
        </div>
    </div>
</div>-->

<!-----------关于我们------------>
<div class="conter">
    <div class="hd">
        <strong>明星合影</strong>
        <div class="bor-bton"></div>
    </div>
    <div class="box">
        <a href="javascript:" class="left"></a>
        <a href="javascript:" class="right"></a>
        <div class="main4b_">
            <ul style="width: 2504px; margin-left: -305.716px;">
                @foreach($case_list as $key=>$item)
                <li>
                    <?php $model=json_decode($item->content)?>
                    <a ><img src="{{asset('/img/case-'.$model->pic.'/280-330')}}"></a>
                </li>
                @endforeach
            </ul>
        </div>
    </div>
</div>
<div class="conter po_r">
    <div class="hd">
        <strong>关于我们</strong>
        <div class="bor-bton"></div>
    </div>
    <div class="container bd case-slider">
        <div class="VideoBox">
            <div class="VideoLeft">
                <embed src="http://player.youku.com/player.php/sid/XOTU3NzkwNDYw/v.swf" allowFullScreen="true" quality="high" width="470" height="390" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
            </div>
            <div class="VideoRight">
                <img src="images/gsjjtu1.jpg" width="100%">
                <div class="videoContent">
                    <span>品牌定义在自信独立</span>怀揣梦想而又努力奋斗的一群人，不随波逐流是她们的时尚女王不随波逐流是她们的原则，她们对时尚有自己独特的见解，是事业中的后起之秀生活中的时尚女王不随波逐流是她们的原则，她们对时尚有自己独特的见解，是事业中的后起之秀生活中的时尚女王不随波逐流是她们的原则是事业中的后起之秀生活中的时尚女王不随波逐流是她们的原则是事业中的后起之秀生....【
                    <a href="{{url('/about')}}">查看详情</a>】
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('js')
    <script type="text/javascript" src="{{'/js/subject.js'}}"></script>
    <script type="text/javascript" src="{{'/js/imgSlider.js'}}"></script>
    <script type="text/javascript" src="{{'/js/index.js'}}"></script>

    <script type="text/javascript">
        img.init();
        img.play(0);

        function estop(e) {
            var e = arguments.callee.caller.arguments[0] || event;
            if(e && e.stopPropagation) {
                e.stopPropagation();
            } else {
                window.event.cancelBubble = true;
                return false;
            }
        }
        $(".con_img li").hover(function() {
            $(this).find("p").siblings().stop();
            $(this).find("p").stop().fadeIn(200);
        }, function() {
            $(this).find("p").stop().fadeOut(200);
        });
    </script>
@endsection